<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link rel="stylesheet" type="text/css" href="public/dist/css/zui.min.css" />
    <link href="public/dist/lib/uploader/zui.uploader.min.css" rel="stylesheet">
    <link rel="stylesheet" href="public/css/background.css">
    <style>
        #frame {
            width: 320px;
            margin: 150px auto;
        }
    </style>
</head>

<body>

    


        <div id="frame" class="panel ">
            <div class="panel-heading">
                用户注册
            </div>

            <!--用户名-->
            <div class="with-padding">
                <div class="with-padding">
                    <div class="input-group">
                        <span class="input-group-addon">用&nbsp;户&nbsp;名&nbsp;</span>
                        <input id="uName" type="text" class="form-control" placeholder="用户名">
                    </div>
                </div>
            </div>
            <!--用户账号-->
            <div class="with-padding">
                <div class="with-padding">
                    <div class="input-group">
                        <span class="input-group-addon">用户账号</span>
                        <input id="uAccount" type="text" class="form-control" placeholder="用户账号">
                    </div>
                </div>
            </div>
            <!--密码-->
            <div class="with-padding">
                <div class="with-padding">
                    <div class="input-group">
                        <span class="input-group-addon">密　　码</span>
                        <input id="password" type="password" class="form-control" placeholder="密码">
                    </div>
                </div>
            </div>
            <!--确认密码-->
            <div class="with-padding">
                <div class="with-padding">
                    <div class="input-group">
                        <span class="input-group-addon">确认密码</span>
                        <input id="checkPassword" type="password" class="form-control" placeholder="确认密码">
                    </div>
                </div>
            </div>
            <!--性别-->
            <div class="with-padding">
                <div class="with-padding">
                    <div class="input-group">
                        <span class="input-group-addon">性　　别</span>

                        <div class="radio">
                            <label>
                              <input  type="radio" id="sex" name="sex" value="1"> 男
                            </label>
                            <label>
                                <input  type="radio" id="sex" name="sex" value="0"> 女
                              </label>
                          </div>


                    </div>
                </div>
            </div>


            

            <!--手机号-->
            <div class="with-padding">
                <div class="with-padding">
                    <div class="input-group">
                        <span class="input-group-addon">手&nbsp;机&nbsp;号&nbsp;</span>
                        <input id="phone" type="text" class="form-control" placeholder="手机号">
                    </div>
                </div>
            </div>

            
            

             <!--上传头像-->
            <div class="with-padding">
                <div class="with-padding">
                <div id="uploaderExample" class="uploader">
                  <div class="file-list" data-drag-placeholder="请拖拽文件到此处"></div>
                    <button type="button" onclick = "gethead()" class="btn  uploader-btn-browse"><i class="icon icon-cloud-upload"></i> 选择头像图片</button>
                <div class="uploader">
                
            </div>
        </div>


            <!--注册-->
           
                
                <button class="btn btn-block " type="button" onclick = "doReg()">注册</button>
                <button class="btn btn-block " type="button" onclick ="fanhui()">返回</button>
            

        </div>
    </div>
    </div>
</body>

<script type="text/javascript" src="public/dist/lib/jquery/jquery.js"></script>
<script type="text/javascript" src="public/dist/js/zui.min.js"></script>
<script type="text/javascript" src="public/layer/layer.js"></script>
<script type="text/javascript" src="public/js/function.js"></script>
<script type="text/javascript" src="public/dist/lib/uploader/zui.uploader.min.js"></script>
<script type="text/javascript" src="public/js/reg.js"></script>
</html>